// Header
header#header
  h1
    a(href='/index') ZSKBlog
  nav.links
    ul
      li
        a(href='/index') 首页
      li
        a(href='/list') 文章列表
      li
        a(href='/about') 关于
      //li
      //  a(href='#') Tempus
      //li
      //  a(href='#') Adipiscing
  nav.main
    ul
      li.search()
        a.fa-search(href='#search') Search
        form#search(method='get', action='#')
          input(type='text', name='query', placeholder='Search')
      li.menu
        a.fa-bars(href='#menu') Menu
// Menu
section#menu
  // Search
  section
    form.search(method='get', action='#')
      input(type='text', name='query', placeholder='Search')
  // Links
  section
    ul.links
      li
        a(href='/index')
          h3 Home Page
          p Index page of the blog
      li
        a(href='/list')
          h3 Posts List
          p All posts are listed
      li
        a(href='/about')
          h3 About
          p details about me
      //li
      //  a(href='#')
      //    h3 Etiam sed consequat
      //    p Porta lectus amet ultricies
  // Actions
  section
    ul.actions.vertical
      li
        a.button.big.fit(href='#') Log In